import React from 'react';
import {
    Dimensions,
    StyleSheet, View
} from 'react-native';
const { width, height } = Dimensions.get('window');
import { createBottomTabNavigator } from 'react-navigation-tabs';
import {jsTypeToCppType} from "react-native/ReactCommon/hermes/inspector/tools/msggen/src/Converters";
export const Styles = StyleSheet.create({
    container:{
        flex:1,
        width:width,
        height:createBottomTabNavigator.DEFAULT_HEIGHT,
        backgroundColor: '#f7f7f7'
    },
    header:{
        width:width - 46,
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center',
        textAlign:'center',
        marginLeft:-16
    },
    header_title:{
        borderColor:'#ffffff',
        borderWidth:1,
        borderRadius:5,
        color:'#ffffff',
        paddingTop:5,
        paddingBottom:5,
        paddingLeft:10,
        paddingRight:10,
        flexDirection:'row',
        alignItems: "center"
    },
    header_right:{
        flexDirection:'row',
        justifyContent:'flex-end',
        alignItems:'center',
        marginRight:8,
    },
    button: {
        borderRadius: 4,
        padding: 10,
        marginLeft: 10,
        marginRight: 10,
        backgroundColor: '#ccc',
        borderColor: '#333',
        borderWidth: 1,
    },
    buttonText: {
        color: '#000'
    },
    sibling: {
        position:'absolute',
        top:55,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.2)',
    },
    cate_menu:{
        width:width,
        padding:8,
        backgroundColor:'#ffffff',
        borderBottomColor:'#ededed',
        borderBottomWidth:0.5
    },
    cate_list:{
        flexDirection:'row',
        flexWrap:'wrap',
        height:100,
    },
    cate_item:{
        width:(width - 64) /3,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        borderColor:'#cccccc',
        borderWidth:0.5,
        borderRadius:5,
        textAlign: 'center',
    },
    cate_item_on:{
        width:(width - 64) /3,
        margin:8,
        paddingTop:5,
        paddingBottom:5,
        borderRadius:5,
        textAlign: 'center',
        backgroundColor:'#d01621',
        color:'#ffffff'
    },
    ball_addr:{
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(178,178,178,0.8)',
        flexDirection: 'column',
        justifyContent:'center',
        alignItems:'center',
    },
    ball_addr_content:{
        width:width - 32,
        marginLeft:16,
        marginRight:16,
        backgroundColor:'#ffffff',
        flexDirection:'column',
        alignItems:'center',
        borderRadius:5,
    },
    ball_addr_content_header:{
        flexDirection:'row',
        justifyContent:'center',
        width:200,
        borderColor:'#ededed',
        borderWidth:0.5,
        marginTop:16,
        marginBottom:16,
    },
    btn_status:{
        width:100,
        textAlign:'center',
        height:26,
        lineHeight:24
    },
    btn_status_on:{
        width:100,
        textAlign:'center',
        color:'#ffffff',
        backgroundColor:'#d0162e',
        height:26,
        lineHeight: 24,
    },
    ball_addr_content_list:{
        flexDirection:'row',
        flexWrap:'wrap',
        paddingTop:16,
        paddingBottom:16,
        paddingLeft: 8,
        paddingRight: 8,
        borderTopColor:'#ededed',
        borderTopWidth:0.5,
        borderBottomWidth: 0.5,
        borderBottomColor: "#ededed",

    },
    list_item:{
        width:( width - 72 ) / 3,
        textAlign:'center',
        paddingTop:5,
        paddingBottom:5,
        borderWidth:0.5,
        borderColor:'#ededed',
        margin:4,
    },
    list_item_on:{
        width:( width - 72 ) / 3,
        textAlign:'center',
        paddingTop:5,
        paddingBottom:5,
        borderWidth:0.5,
        borderColor:'#d0162e',
        color:'#ffffff',
        margin:4,
    },
    bj:{
        position:'absolute',
        bottom:0,
        right:0,
        width:15,
        height:15,
    },
    ball_addr_content_bottom:{
        flexDirection:'row',
        justifyContent:'space-around'
    },
    btn_item:{
        borderColor:'#ffffff',
        borderWidth:1,
        width:(width-32)/2,
        height:40,
        justifyContent:'center',
        alignItems:'center'
    },
    right_menu:{
        position:'absolute',
        top:0,
        right:0,
        width:80,
        padding:8,
    },
    right_menu_bg:{
        position:'absolute',
        top:-6,
        right:0,
        width:90,
        height:163
    },
    right_menu_item:{
        color:'#969696',
        borderBottomWidth:0.5,
        borderBottomColor:'#cccccc',
        height:30,
        lineHeight:30
    },
    quan1:{
        backgroundColor:'#ffffff',
        borderRadius:20,
        width:20,height:20,
        textAlign:'center',marginBottom:10,
        borderColor:'#cdcdcd',borderWidth:0.5,
        fontSize:12,lineHeight:20,color:'#666666'
    },
    quan2:{
        backgroundColor:'#68a1eb',borderRadius:20,width:20,height:20,textAlign:'center',fontSize:12,color:'#ffffff',lineHeight:20
    },
    quan3:{
        backgroundColor:'#d0162e',color:'#ffffff',borderRadius:20,width:20,height:20,textAlign:'center',fontSize:12,lineHeight:20
    },
    table:{
        backgroundColor:'#ffffff',
        flexDirection:'row',
        justifyContent:'flex-start',
        width:width-120,
    },
    td_dan_icon:{
        position:'absolute',top:0,left:0.5
    },
    th:{
        flexDirection:'row',
        alignItems:'center',
        width:width-154,
        borderTopColor: '#e5e5e5',
        borderTopWidth: 0.5,
    },
    th_dan:{
        flexDirection:'row',
        alignItems:'center',
        width:width-154,
        borderTopColor: '#d0162e',
        borderTopWidth: 0.5,
        borderRightColor: '#d0162e',
        borderRightWidth: 0.5,
        height:35,
    },
    td_dan:{
        width:(width-154)/3,
        textAlign:'center',
        height:35,
        lineHeight:35,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        color:'#969696',
        borderTopColor:'#d0162e',
        borderTopWidth:0.5,
        borderLeftColor:'#d0162e', 
        borderLeftWidth:0.5,
        borderBottomColor:'#d0162e',
        borderBottomWidth:0.5,
        borderRightColor:'#d0162e',
        borderRightWidth:0.5,
        fontSize:12,
        backgroundColor:'#ffffff'
    },
    td:{
        width:(width-154)/3,
        textAlign:'center',
        height:35,
        lineHeight:35,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#969696',
        fontSize:12,
        backgroundColor:'#ffffff'
    },
    td_on:{
        width:(width-154)/3,
        textAlign:'center',
        height:35,
        lineHeight:35,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#d0162e',
        color:'#ffffff',
        fontSize:12
    },
    more:{
        width:34,
        borderColor:'#e5e5e5',
        borderWidth:0.5,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
    },
    more_on:{
        width:34,
        borderColor:'#d0162e',
        backgroundColor:'#d0162e',
        borderWidth:0.5,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
    },
    more_model:{
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(0,0,0,0.2)',
        flexDirection: 'column',
        justifyContent:'center',
        alignItems:'center',
    },
    more_model_content:{
        width:width - 16,
        marginLeft:8,
        marginRight:8,
        marginBottom:16,
        backgroundColor:'#ffffff',
        flexDirection:'column',
        alignItems:'center',
        borderRadius:5,
    },
    more_model_header:{
        width:width - 16,
        height:50,
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        borderBottomWidth:0.5,
        borderBottomColor:'#e5e5e5',
    },
    lefttable:{
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        width:20,
        borderTopWidth:0.5,
        borderTopColor:'#e5e5e5',
        borderRightColor: "#e5e5e5",
        borderRightWidth: 0.5,
    },
    righttable:{
        flexWrap:'wrap',
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center',
        width:width - 52,
        borderTopWidth:0.5,
        borderTopColor:'#e5e5e5',
        borderRightColor: "#e5e5e5",
        borderRightWidth: 0.5,
    },
    td0:{
        width:20,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#969696',
    },
    th1:{
        flexDirection:'row',
        alignItems:'center',
        width:width - 55,
        borderTopColor: '#e5e5e5',
        borderTopWidth: 0.5,
        borderRightColor: '#e5e5e5',
        borderRightWidth: 0.5,
    },
    th1_dan:{
        flexDirection:'row',
        alignItems:'center',
        width:width - 55,
        borderTopColor: '#d0162e',
        borderTopWidth: 0.5,
        borderRightColor: '#d0162e',
        borderRightWidth: 0.5,
    },
    td1_dan:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        color:'#969696',
        borderLeftColor:'#d0162e',
        borderLeftWidth:0.5,
        borderBottomColor:'#d0162e',
        borderBottomWidth:0.5,
        fontSize:12,
    },
    td1:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
        fontSize:12,
    },
    td1_on:{
        width:(width - 55 ) / 3,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        backgroundColor:'#d0162e',
        color:'#ffffff',
        fontSize:12,
    },
    td2:{
        width:(width - 55 ) / 5,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
    },
    td2_on:{
        width:(width - 55 ) / 5,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#ffffff',
        backgroundColor:'#d0162e',
    },
    td3:{
        width:(width - 55 ) / 4,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#666666',
    },
    td3_on:{
        width:(width - 55 ) / 4,
        textAlign:'center',
        height:40,
        lineHeight:40,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        borderLeftColor:'#e5e5e5',
        borderLeftWidth:0.5,
        borderBottomColor:'#e5e5e5',
        borderBottomWidth:0.5,
        color:'#ffffff',
        backgroundColor:'#d0162e',
    },
    /*-------------------------------------------------------------------------------*/
    tableB:{
        flexDirection:'row',
        justifyContent:'flex-start',
        flexWrap:'wrap',
        width:width-92,
    },
    weikaishouB:{
        backgroundColor:'#e9e9e9',
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        width:width-92,
        height:40,
        margin:2,
    },
    tdB:{
        backgroundColor:'#e9e9e9',
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        margin:2,
        height:40,
    },
    td_onB:{
        backgroundColor:'#d0162e',
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
        margin:2,
        height:40,
    },
    BFsibling: {
        position:'absolute',
        top:0,
        width: width,
        height:height,
        backgroundColor:'rgba(0,0,0,0.2)',
    },
    BFsiblingConten:{
        position:'absolute',
        bottom:0,
        width: width,
        height:314,
        backgroundColor:'#ffffff',
    },
    BFsiblingHead:{
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center',
        width:width,
        height:40,
        backgroundColor:'#e9e9e9',
    },
    BFsiblingTiele:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems:'center',
        height:30,
        borderTopColor:'#e3e3e3',
        borderTopWidth:1,
        borderBottomWidth:1,
        borderBottomColor:'#e3e3e3'
    },
    BFsiblingTieleText:{
        width:50,
        height:30,
        lineHeight:30,
        textAlign:'center',
    },
    BFsiblingTieleText_on:{
        width:50,
        height:30,
        lineHeight:30,
        textAlign:'center',
        color:'#d0162e',
        borderBottomColor:'#d0162e',
        borderBottomWidth:1
    },
    BFsiblingBet:{
        flexDirection:'row',
        justifyContent:'flex-start',
        alignItems:'center',
        flexWrap:'wrap',
        width:width,
        height:175,
    },
    BFtd:{
        backgroundColor:'#e9e9e9',
        width:(width - 40) / 4,
        margin:2,
        height:35,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
    },
    BFtd_on:{
        backgroundColor:'#d0162e',
        width:(width - 40) / 4,
        margin:2,
        height:35,
        flexDirection:'column',
        justifyContent:'center',
        alignItems:'center',
    }
});
module.exports = Styles;
